<!DOCTYPE html>
<html lang="pt-br">
	<title>Dito.</title>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=1280px, initial-scale=1, maximum-scale=1">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600' rel='stylesheet' type='text/css'>
		<link href='assets/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
		<link href='assets/css/style.less' rel='stylesheet/less' type='text/css'>
	</head>
	<body>		
		<script type="text/javascript" src="assets/js/jquery.js"></script>
		<script type="text/javascript" src="assets/js/less.js"></script>
		<script type="text/javascript" src="assets/js/cycle.js"></script>	
		<script type="text/javascript" src="assets/js/app.js"></script>
	</body>
</html>

<header class="col-lg-12 col-md-12" style="position:fixed;">
	<nav class="container">
		<div class="row">
			<div class="col-lg-2 col-md-2 logo"><img src="assets/images/logomenu.png" /></div>
			<div class="col-lg-6 col-md-6">
				<li class="col-lg-2 col-md-2"><a href="#">Produto</a></li>
				<li class="col-lg-2 col-md-2"><a href="#">Serviços</a></li>
				<li class="col-lg-2 col-md-2"><a href="#">Clientes</a></li>
				<li class="col-lg-2 col-md-2"><a href="#">Conteúdo</a></li>
				<li class="col-lg-2 col-md-2"><a href="#">Sobre</a></li>
				<li class="col-lg-2 col-md-2"><a href="#">Contato</a></li>
			</div>
			<div class="col-lg-4 col-md-4  tel">					
				<div class="col-lg-8 col-md-8 text-right ">
					<i><img src="assets/images/menutelefone.png" /></i>
					<a>31 3243 0438</a>
				</div>	
				<div class="col-lg-4 col-md-4 border-left">
					<a href="http://dito.com.br"><button type="button" class="btn bg-color btn-primary">Testar agora</button></a>
				</div>
			</div>
		</div>
	</nav>
</header>
<section id="home">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-8">
				<h1 class="text-uppercase">
					Retenha, Fidelize e<br />
					<strong>Converta Mais</strong>
				</h1>
				<h3>
				A plataforma de engajamento para<br />
				você impactar seu consumidor de forma<br />
				<strong>personalizada, inteligente </strong>e <strong>multicanais.</strong>
				</h3>
				<a href="http://dito.com.br" target="_blank"><button type="button" class="btn btn-primary btn-lg bg-color text-uppercase">Quero testar agora</button></a>
			</div>	
		</div>
	</div>	
</section>
<div class="ball arrow"></div>
<section id="cta">
	<div class="container">
		<div class="row">
			<h1 class="text-uppercase text-center">A plataforma da Dito se adapta às suas necessidades<br />
				<strong>de negócio. Veja alguns exemplos</strong>
			</h1>	
		</div>
	</div>	
</section>
<section id="examples">
	<div class="row">
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item a">
				<i><img src="assets/images/icon_ecommerce.png" /></i>
				<h2 class="text-uppercase"><strong>E-commerce</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>				
			</div>	
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item b">
				<i><img src="assets/images/icon_midia.png" /></i>
				<h2 class="text-uppercase"><strong>Mídia</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item c">
				<i><img src="assets/images/icon_saas.png" /></i>
				<h2 class="text-uppercase"><strong>Sass</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item d">
				<i><img src="assets/images/icon_educacao.png" /></i>
				<h2 class="text-uppercase"><strong>Educação</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item e">
				<i><img src="assets/images/icon_imoveis.png" /></i>
				<h2 class="text-uppercase"><strong>Imóveis</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item f">
				<h1 class="text-uppercase"><strong>E para o<br />seu negócio</strong></h1>
			</div>	
		</div>		
	</div>
</section>
<section id="test">
	<div class="container">
		<div class="row arrows">
			<div class="col-lg-5 col-md-5 text-right">
				<h1 class="text-uppercase">Dados</h1>
				<hr />
				<h4>Conheça o perfil dos seus consumidores,
					crie segmentos dinâmicos, acompanhe as
					interações conversões e receita.</h4>
			</div>
			<div class="col-lg-2 col-md-2 reload">
				<img src="assets/images/setas.png" />
			</div>
			<div class="col-lg-5 col-md-5 text-left">
				<h1 class="text-uppercase">Ação</h1>
				<hr />
				<h4>Conheça o perfil dos seus consumidores,
					crie segmentos dinâmicos, acompanhe as
					interações conversões e receita.</h4>
			</div>	
		</div>
		<div class="row circles">
			<div class="col-lg-5 col-md-5 items right">
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados1.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados2.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados3.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados4.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados5.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
			</div>
			<div class="col-lg-2 col-md-2 central">
				<img src="assets/images/circle.png" />
			</div>
			<div class="col-lg-5 col-md-5 items left">
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao1.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao2.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao3.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao4.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao5.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>			
			</div>			
		</div>
		<br />
		<br />
		<br />
		<div class="row">
			<div class="col-lg-6 col-md-6">
				<img src="assets/images/maciphone.png" />
			</div>
			<div class="col-lg-3 col-md-4 col-md-offset-1 col-lg-offset-1">
				<a href="http://dito.com.br" target="_blank"><button type="button" class="btn btn-primary btn-lg bg-color btn-block text-uppercase">Quero testar agora</button></a>
				<hr />
				<h4 class="text-center text-uppercase">
					Conheça melhor<br />o produto&nbsp;<i><img src="assets/images/arrowconhecagreen.png" /></i>
				</h4>
			</div>
		</div>
	</div>
</section>
<section id="testmonial">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Grandes marcas melhoram<br /><strong>resultados com a Dito</strong>
			</h1>
			<hr />			
		</div>
		<div class="row">
			<div class="col-lg-4 col-md-4">
				<div id="slider">
					<div class="item text-center">
						<img src="assets/images/testimonial_aspas.png" class="aspas" />
						<p><img src="assets/images/testimonial01.png" /></p>
						<p><strong>Gustavo Caetano</strong><br />
						<em>CEO da Sambatech</em></p>
						<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at dui aliquam, porttitor justo nec, scelerisque odio. Aliquam ac feugiat odio.</p>
					</div>
					<div class="item text-center">
						<img src="assets/images/testimonial_aspas.png" class="aspas" />
						<p><img src="assets/images/testimonial01.png" /></p>
						<p><strong>Gustavo Caetano</strong><br />
						<em>CEO da Sambatech</em></p>
						<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at dui aliquam, porttitor justo nec, scelerisque odio. Aliquam ac feugiat odio.</p>
					</div>
				</div>
				<div class="controls"></div>				
			</div>
			<div class="col-lg-6 col-md-8 col-lg-offset-1">
				<ul>
					<li>
						<img src="assets/images/cliente01.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>7
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente02.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>7
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente03.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>7
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente04.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>7
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente05.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>7
						</div>	
					</li>
					<li class="text-left bg-color-b read">
						<h3 class="text-uppercase">
						Conheça todos<br />os nossos cases 
						<i><img src="assets/images/arrowconhecagreen.png" /></i>
						</h3>
					</li>		
				</ul>	
			</div>
		</div>
	</div>
</section>
<div class="ball green"></div>
<section id="you">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Você no comando
			</h1>
			<hr />
			<h4 class="text-center">Acesso simples aos dados e autonomia para disparar campanhas sem depender da área de TI.</h4>
		</div>
		<div class="row">
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando01.png" />
					<h3 class="text-uppercase padding">Segurança</h3>
				</div>
			</div>	
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando02.png" />
					<h3 class="text-uppercase">Fácil<br />Integração</h3>
				</div>	
			</div>
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando03.png" />
					<h3 class="text-uppercase">Sucesso<br />do Cliente</h3>
				</div>
			</div>	
		</div>	
		<div class="row">
			<div class="col-lg-4 col-md-4 col-lg-offset-4 col-md-offset-4 text-center">
				<button type="button" class="btn btn-primary btn-lg btn-block bg-color text-uppercase">Quero saber mais</button>
			</div>	
		</div>
	</div>
</section>
<div class="ball grey"></div>
<section id="engage">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Aprenda a engajar seus consumidores<br /><strong>com nossos materiais gratuitos</strong>
			</h1>
			<hr />			
		</div>
	</div>
	<div class="col-lg-6 col-md-6 col-md-offset-3 col-lg-offset-3 text-center box-newsletter">
		<h4>Deixe seu e-mail para receber em primeira mão as novidades</h4>
		<div class="form-group">
			<div class="row">
				<div class="col-lg-6 col-md-6">			
			    	<input type="text" class="form-control" placeholder="Nome completo">
			    </div>
			    <div class="col-lg-6 col-md-6">		
			    	<input type="email" class="form-control" placeholder="E-mail">
			    </div>	
			</div>    
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12">	
				<button type="button" class="btn btn-primary btn-lg btn-block bg-color">Cadastrar</button>
			</div>
		</div>		
	</div>
</section>
<section id="posts">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 col-md-5 books col-lg-offset-1 col-md-offset-1">
				<div class="row">
					<div class="col-lg-3 col-md-3">
						<img src="assets/images/livro01.png" />
					</div>	
					<div class="col-lg-9 col-md-9">
						<h4><strong>Aumente sua conversão de cadastros usando as Redes Sociais</strong></h4>
						<p>Estudo realizado pela Dito Internet aponta que os gargalos na conversão de usuários são causados pelos formulários de cadastro.</p>
					</div>
				</div>
				<br />
				<div class="row">
					<div class="col-lg-3 col-md-3">
						<img src="assets/images/livro02.png" />
					</div>	
					<div class="col-lg-9 col-md-9">
						<h4><strong>Em breve</strong></h4>
						<p>Em breve lançaremos um novo livro<br />para auxiliar você a ter melhores resultados.</p>
					</div>
				</div>	
				<!-- <div class="row">
					<div class="col-lg-5 col-md-5">
						<h5>Veja todos&nbsp;&nbsp;<img src="assets/images/arrowconhecagreen.png" /></h5>
					</div>
				</div>	-->
			</div>
			<div class="col-lg-6 col-md-6 posts">
				<h3>Top posts blog</h3>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/11/5-dicas-para-sua-loja-online-vender-mais-apos-a-black-friday/"><p class="tituloblog">5 dicas para sua loja online vender mais após a Black Friday</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/09/4-campanhas-de-email-fatais-para-aumentar-o-trafego-e-conversao-seu-site/"><p class="tituloblog">4 campanhas de email fatais para aumentar o tráfego e a conversão no seu site</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />	
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/09/5-vantagens-dito-sobre-google-analytics/"><p class="tituloblog">Como ir além do Google Analytics para entender sua audiência online?</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog.png" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/08/9-formas-simples-de-segmentar-sua-base-de-dados-sobre-clientes/"><p class="tituloblog">9 formas simples para você segmentar sua base de clientes</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<div class="row">
					<div class="col-lg-5 col-md-5">
						<a href="http://blog.dito.com.br"><h5 class="tituloblog">Veja mais&nbsp;&nbsp;<img src="assets/images/arrowconhecagreen.png" /></h5></a>
					</div>
				</div>	
			</div>
		</div>
	</div>	
</section>
<div class="ball green"></div>
<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3">
				<i><img src="assets/images/logobrancorodape.png" /></i>
				<p>A Dito é uma empresa de tecnologia que nasceu para revolucionar a experiência de engajamento entre marcas e pessoas. Com a plataforma da Dito, nossos clientes trabalham retenção, fidelização e geração de novas receitas a partir da sua base de consumidores.
				</p>
			</div>	
			<div class="col-lg-3 col-md-3 map">
				<!-- <h5 class="txt-color-b">Mapa do site</h5>
				<div class="col-lg-6 col-md-6">
					Link 1
				</div>
				<div class="col-lg-6 col-md-6">
					Link 2
				</div>
				<div class="col-lg-6 col-md-6">
					Link 3
				</div>
				<div class="col-lg-6 col-md-6">
					Link 4
				</div>	
				<div class="col-lg-6 col-md-6">
					Link 1
				</div>
				<div class="col-lg-6 col-md-6">
					Link 2
				</div>
				<div class="col-lg-6 col-md-6">
					Link 3
				</div>
				<div class="col-lg-6 col-md-6">
					Link 4
				</div>	
				<div class="col-lg-6 col-md-6">
					Link 1
				</div>
				<div class="col-lg-6 col-md-6">
					Link 2
				</div>
				<div class="col-lg-6 col-md-6">
					Link 3
				</div>
				<div class="col-lg-6 col-md-6">
					Link 4
				</div>	
				<div class="col-lg-6 col-md-6">
					Link 1
				</div>
				<div class="col-lg-6 col-md-6">
					Link 2
				</div>	-->			
			</div>	
			<div class="col-lg-3 col-md-3">
				<small>Fone</small>
				<h3 class="txt-color-b">31 3243 0438</h3>
				<br />
				<small>Endereço</small>
				<p>Rua Tomé de Souza, 810, 7º andar<br />
				Funcionários, Belo Horizonte - MG</p>
				<br />
				<a href="mailto: contato@dito.com.br" target="_blank"><h5 class="txt-color-b">Fale Conosco</h5></a>
			</div>
			<div class="col-lg-3 col-md-3">				
				<div class="row">
					<div class="col-lg-12 col-md-12 text-center">
						<img src="assets/images/facebookbanner.png">
					</div>
				</div>	
				<div class="row">
					<div class="col-lg-10 col-md-10 col-lg-offset-1 col-md-offset-1 text-center">
						<h5>Fique ligado!</h5>
						<span><a href="https://www.facebook.com/ditointernet?fref=ts"><img src="assets/images/socialfacebook.png" /></a></span>
						<span><a href="https://twitter.com/ditointernet"><img src="assets/images/socialtwitter.png" /></a></span>
						<span><a href="https://plus.google.com/117882045559370283627/posts"><img src="assets/images/socialgoogle.png" /></a></span>
						<span><a href="https://www.linkedin.com/company/2599630?trk=tyah&trkInfo=tarId%3A1417707635128%2Ctas%3Adito%2Cidx%3A2-3-8"><img src="assets/images/sociallinkedin.png" /></a></span>
					</div>
				</div>		
			</div>
		</div>
		<div class="row text-center sign">
			<img src="assets/images/iconeblack.png" />
		</div>	
	</div>	
</footer>